//商品列表页
$(function(){  
    if (isLogin()) {
        let cook = getCookie('username');
        $('.logined').show().find('.user_name').html(cook);
        $('.logg').hide();
        $('.regii').hide();
    }   
})

//登录后的首页，点击用户中心的退出登录，清除ookie
$('.user_center .user_4').on('click', function () {
    deleCookie('username');
    $(window).prop('location', 'goods_list.html');
})

//滑过全部分类显示选项卡
$('.zhuan_center .all_type').on('mouseover', function () {
    $('.zhuan_center .uu2').show();
})
$('.zhuan_center .all_type').on('click', function () {
    $('.zhuan_center .uu2').hide();
})

//选项卡
$('.zhuan_center .uu2 li').hover(function () {
    $(this).css('background-color', 'white');
    $('.zhuan_center .uu2').css('border-radius', '7px 0 0 7px');
    // $('.banner>.uu3').eq($(this).index()).show();
}, function () {
    $(this).css('background-color', '#f5ebe3');
    $('.zhuan_center .uu2').css('border-radius', '7px');
    // $('.banner>.uu3').eq($(this).index()).hide();
})


//接口
$('.zhuan_center .uu2 li').on('click', function () {
    $('.zhuan_center .uu2').hide();
    //获取点击的li下标加1
    let index = $(this).index() + 1;
    // console.log(index);
    let htmlStr = '';
    $.get('php/getGoodsList.php?typeId=' + index, function (reg) {
        let resu = JSON.parse(reg);
        resu.forEach(ele => {
            htmlStr += `
            <li onclick="location.href='goods_info.html?id=${ele.goodsId}'">
                <img src="${ele.goodsImg}" alt="">
                <p class="p1p">${ele.goodsName}</p>
                <p class="p2p">¥<span>${ele.goodsPrice}</span><b>多款可选</b></p>
                <p class="p3p"><span>分期免息</span><span>赠送积分</span></p>
                <p class="p4p">785人评价 98%好评</p>
            </li>        
            `
        })
        $('.xiang ul').append(htmlStr);
    })
})

//点击li ,获取goodsid，传给详情页
// $('.xiang ul').on('click','li', function () {
//     //获取goodsid
//     console.log(234);
//     let id = $(this).find('img').attr('goodsid');
//     $.get('goods_info.html?id='+id,function(reg){
//     })
//     $(window).prop('location', 'goods_info.html?id='+id);

// })



